<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>css3幽灵按钮</title>
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<script src="js/jquery-1.8.3.min.js"></script>
	<script src="js/test.js"></script>
</head>
<body>
	<div class="box">
		<div class="link link-miss">
			<span class="icon"></span>
			<a href="##" class="button" data="My mission is clear">MISSON
				<span class="line line-top"></span>
				<span class="line line-right"></span>
				<span class="line line-bottom"></span>
				<span class="line line-left"></span>
			</a>
		</div>
		<div class="link link-play">
			<span class="icon"></span>
			<a href="##" class="button" data="This is my playgroup">MISSON
				<span class="line line-top"></span>
				<span class="line line-right"></span>
				<span class="line line-bottom"></span>
				<span class="line line-left"></span>
			</a>
		</div>
		<div class="link link-touch">
			<span class="icon"></span>
			<a href="##" class="button" data="This is my Touch demo">MISSON
				<span class="line line-top"></span>
				<span class="line line-right"></span>
				<span class="line line-bottom"></span>
				<span class="line line-left"></span>
			</a>
		</div>
		
	</div>
</body>
</html>